<template>
    <div class="h">
        <Row style="border-bottom: 1px solid #d4d4d4;line-height: 35px">
            <Col offset="4" span="16" align="left">
                值得信赖的弱电工程、安防工程供应商品牌 - 湖南坤鸿信息（www.kunhongxinxi.com）
            </Col>
            <Col span="4" align="right">
                <span style="margin-right: 10px">设为首页</span>
                <span>收藏本站</span>
            </Col>
            <Col span="4"/>
        </Row>
        <Row style="margin-top: 30px;">
            <Col offset="4" span="8" align="left">
                <div style="display: flex">
                    <a href="/">
                        <img style="margin-top:-15px;" src="../assets/LOGO.jpg1.jpg" alt="湖南坤鸿信息工程有限公司" width="208"
                             height="80">
                    </a>
                    <div>
                        <div style="line-height:30px">500+企业首选安防监控专家</div>
                        <div>10年专注弱电工程，全方位、一体化服务提供商</div>
                    </div>
                </div>
            </Col>
            <Col span="8" align="right">
                <div style="display: flex;justify-content: flex-end">
                    <a href="/">
                        <img style="margin-top:-15px;" src="../assets/phone.png" alt="电话" width="208"
                             height="80">
                    </a>
                    <div>
                        <div style="line-height:30px">全国24小时咨询热线</div>
                        <div style="font-size: 22px;color: #3d944c ">
                            173-7777-1666
                        </div>
                    </div>
                </div>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        name: 'h',
        props: {
            msg: String
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .h {
        height: 35px;
        padding: 5px;
    }
</style>
